@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
	@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

	.top_ad{width: 100%; height:80px; background: #9a57ff; text-align: center;}
    .top_login_bg{height: 45px; border-bottom:1px solid #f4f4f4; }
    .top_login_div{width:1100px;margin: 0 auto;height:50px;}
    .top_login{height: 36px; width: 560px; margin: -38px auto; float: right;}
    .top_login ul {text-decoration: none; list-style: none; padding-top: 7px; } 
    .top_login ul li{float: left; font-size: 13px; margin: 2px 10px; color: #333!important; }

	.top_logo_bg{width: 100%; height: 100px; text-align: center;}
    .top_logo{width: 1100px;margin: 0 auto;}
	.top_gnb_bg{width:100%; height: 60px; text-align: center; background: #f8f8f8; border-top:1px solid #f4f4f4;}
ul.topmenu >li>a{text-decoration: none;}
	.top_gnb{width:1100px; text-align: center;margin: 0 auto;font-family: 'Noto Sans KR', sans-serif;}
	.main_slogan_bg{width: 100%; height: 40px; color: #fff; background: #232323; text-align: center; font-size: 15px; line-height: 40px;}
	.main_slogan{width: 1100px; margin: 0 auto;text-align: center;}
	.main_banner_bg{width: 100%;height: 400px; }
	.main_banner{width: 1100px; margin: 0 auto;}
	.sub_banner_bg{width: 100%; height: 280px; background: #FFD1D1;}
	.sub_banner{width: 1100px; margin: 0 auto;}
        
	/* login ////////////////////////////////////////////////////////////////////// */
	.login_wrap{padding:20px; box-sizing: border-box;}
	.login_wrap b {font-size:16px; font-family:'NanumSquare', sans-serif; font-weight:bold; color:#666;}
	/* The Modal (background) */
	.login_modal {
		 display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 9999; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
		padding-top: 60px;
	}

	/* Modal Content/Box */
	.modal-content {
		background-color: #fefefe;
		margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
		border: 1px solid #888;
		width: 400px; /* Could be more or less, depending on screen size */
	}
	/* The Close Button (x) */
	.close {
		position: absolute;
		right: 25px;
		top: 0;
		color: #000;
		font-size: 35px;
		font-weight: bold;
	}

	.close:hover,
	.close:focus {
		color: red;
		cursor: pointer;
	}
	input[type=text], input[type=password] {
	  width: 100%;
	  font-family:"Arial";
	  padding: 12px 10px;
	  margin: 8px 0;
	  display: inline-block;
	  border: 1px solid #ccc;
	  box-sizing: border-box;
	  font-size: 1.3em;
	}

	.login_btn {
	  background-color: #f8c737;
	  color: white;
	  margin: 8px 0;
	  border: none;
	  cursor: pointer;
	  width: 100%;
	}

	.login_idpw {text-align:center;}
	.login_idpw ul {padding:0px;}
	.login_idpw ul li{display: inline-block;width:80%;text-align: center;}
	.login_idpw ul li a{font-size: 13px; color:#000;}

	/****¿©¹é(margin, padding)******************************************************/
	.mg5 {margin:5px;}
	.mg10 {margin:10px;}
	.mglr5 {margin:0 5px;}
	.mglr10 {margin:0 10px;}
	.mgl5 {margin-left:5px;}
	.mgl10 {margin-left:10px;}
	.mgr5 {margin-right:5px;}
	.mgr10 {margin-right:10px;}

	.pd5 {padding:5px;}
	.pd10 {padding:10px;}
	.pdlr5 {padding:0 5px;}
	.pdlr10 {padding:0 10px;}
	.pdl5 {padding-left:5px;}s
	.pdl10 {padding-left:10px;}
	.pdr5 {padding-right:5px;}
	.pdr10 {padding-right:10px;}

	.bold {font-weight:bold;}

	/* Set a style for all buttons */
	button {
		background-color: #ffc823;
		color: white;
		height:40px;
		line-height: 40px;
		border: none;
		cursor: pointer;
		width: 100%;
		margin: 30px 0 0 0 ;
	}

	button:hover {
		opacity: 0.8;
	}

	a:link {text-decoration: none;}